 <template>
  <div>
    <header>
      <div class="head">
        <img  src="@/yg/arrow-right-copy.png" alt="" @click="im" >
        <span>{{this.n}}{{this.m}}</span>
        <span></span>
      </div>
    </header>
  </div>
</template>
 <script>
export default {
  data() {
    return {
      n:"",
      m:"",
    };
  },
  methods: {
    im(){
      this.$router.push("./")
    }
  },
  mounted(){
    this.n=(this.$route.query.m)
    this.m=this.$route.query.h

  },
  computed: {},
};
</script>
 <style lang='css' spend>
* {
  margin: 0;
  padding: 0;
}
header {
  width: 100%;
  height: 10rem;
  display: flex;
  flex-direction: column;
}
.head {
  width: 100%;
  height: #2f90e7;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.head  img{
  width: 20px;
  height: 20px;
}
</style>